$(function() {
    // 发送ajax请求
    getUserInfo()
        // 退出功能
    $('#logout').click(function() {
        // 弹出框询问
        layui.layer.confirm('您确定要退出吗?', { icon: 3, title: '提示' }, function(index) {
            // 清空token
            localStorage.removeItem('token');
            // 跳转登录页
            location.href = '/login.html'

            layer.close(index);
        });
    })
})


function getUserInfo() {
    $.ajax({
        type: 'get',
        url: '/my/userinfo',

        success: function(res) {
            if (res.status !== 0) {
                return layui.layer.msg(res.message)
            }

            // 渲染用户信息
            renderUserInfo(res.data)
        }
    })
}
// 定义渲染用户信息函数
function renderUserInfo(info) {
    // 渲染欢迎语
    var name = info.nickname || info.username
    $('#welcome').html('欢迎' + name)

    // 渲染头像
    if (info.user_pic) {
        // 有设置头像
        // 将图片显示，文字隐藏
        $('.layui-nav-img').prop('src', info.user_pic)
        $('.text-avatar').hide()
    } else {
        // 没有设置头像
        // 将图片隐藏，文字设置用户名的首字母的大写
        $('.layui-nav-img').hide()
        var first = name.substr(0, 1).toUpperCase()
        $('.text-avatar').html(first)
    }
}